<div class="container" style="position:absolute;width:100%;height:100%;background-attachment:fixed;
        background-image: url(http://10.222.29.181:8088/O2OFileServer/read/background/home.jpg);background-size:100% 100%;margin-top:-40px;">
    <h3 style="margin-top: 50px; margin-bottom: 20px;">Order Manager</h3>
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active" >
            <a href="//#wait" ng-click="waitTab()" aria-controls="wait" role="tab" data-toggle="tab">Waiting Comments</a>
        </li>
        <li role="presentation">
            <a href="//#receive" ng-click="receiveTab()" aria-controls="receive" role="tab" data-toggle="tab">Received Comments</a>
        </li>
        <li role="presentation">
            <a href="//#reject" ng-click="rejectTab()" aria-controls="reject" role="tab" data-toggle="tab">Reject Comments</a>
        </li>
    </ul>

    <!-- wait order -->
    <div class="tab-content panel-group">
        <div role="tabpanel" class="tab-pane active" id="wait">
            <ul class="list-group" id="waitUl">
                <li class="list-group-item" ng-repeat="wait in waitOrders">
                    <div class="float-left">
                        <h2>{{wait.customer.cName}}</h2>
                        <p>${{wait.totalPrice}}</p>
                        <p>{{wait.address}}</p>
                        <a data-toggle="collapse" data-parent="#accordion"
                           href="//#{{wait._id}}">
                            Detail
                        </a>
                    </div>
                    <div class="float-right">
                        <p>{{wait.createTime}}</p>
                        <button  class="yes-btn btn btn-success" ng-click="yes(wait._id)">Yes</button>
                        <button  class="no-btn btn btn-danger" ng-click="no(wait._id)">No</button>
                    </div>

                    <div class="clear"></div>
                    <div id="{{wait._id}}" class="panel-collapse collapse">
                        <div class="panel-body">
                            <table class="table table-striped">
                                <thead>
                                <td>DishName</td>
                                <td>Num</td>
                                <td>Price</td>
                                </thead>
                                <tbody>
                                <tr ng-repeat="waitItem in wait.orderItem">
                                    <td>{{waitItem.dishName}}</td>
                                    <td>{{waitItem.num}}</td>
                                    <td>${{waitItem.unitPrice}}</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <!-- receive order -->

        <div role="tabpanel" class="tab-pane" id="receive">
            <ul class="list-group" id="receiveUl">
                <li class="list-group-item" ng-repeat="receive in receiveOrders">
                    <div class="float-left">
                        <h2>{{receive.customer.cName}}</h2>
                        <p>${{receive.totalPrice}}</p>
                        <p>{{receive.address}}</p>
                        <a data-toggle="collapse" data-parent="#accordion"
                           href="//#{{receive._id}}">
                            Detail
                        </a>
                    </div>
                    <div class="float-right">
                        <p>2010-02-03 09:08</p>
                        <button class="send-btn btn btn-success" ng-click="send(receive._id)">Send</button>
                    </div>

                    <div class="clear"></div>
                    <div id="{{receive._id}}" class="panel-collapse collapse">
                        <div class="panel-body">
                            <table class="table table-striped">
                                <thead>
                                <td>DishName</td>
                                <td>Num</td>
                                <td>Price</td>
                                </thead>
                                <tbody>
                                <tr ng-repeat="receiveItem in receive.orderItem">
                                    <td>{{receiveItem.dishName}}</td>
                                    <td>{{receiveItem.num}}</td>
                                    <td>${{receiveItem.unitPrice}}</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div role="tabpanel" class="tab-pane" id="reject">
            <ul class="list-group" id="rejectUl">
                <li class="list-group-item" ng-repeat="reject in rejectOrders">
                    <div class="float-left">
                        <h2>{{reject.customer.cName}}</h2>
                        <p>${{reject.totalPrice}}</p>
                        <p>{{reject.address}}</p>
                        <a data-toggle="collapse" data-parent="#accordion"
                           href="//#{{reject._id}}">
                            Detail
                        </a>
                    </div>
                    <div class="float-right">
                        <p>2010-02-03 09:08</p>
                        <h3 style="color:red">Reject</h3>

                    </div>

                    <div class="clear"></div>
                    <div id="{{reject._id}}" class="panel-collapse collapse">
                        <div class="panel-body">
                            <table class="table table-striped">
                                <thead>
                                <td>DishName</td>
                                <td>Num</td>
                                <td>Price</td>
                                </thead>
                                <tbody>
                                <tr ng-repeat="rejectItem in reject.orderItem">
                                    <td>{{rejectItem.dishName}}</td>
                                    <td>{{rejectItem.num}}</td>
                                    <td>${{rejectItem.unitPrice}}</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </li>
            </ul>
        </div>

    </div>
</div>